<template>
    <dd-slider-block :active-key="currentKey" item-long="3.5em"></dd-slider-block>

    <dd-flex gap="1em">
        <dd-button v-for="key in keys" @click="currentKey = key" ghost>to {{ key }}</dd-button>
    </dd-flex>
</template>
<script setup lang="ts">
import { ref } from "vue";

const keys = ["0", "1", "2", "3", "4"];
const currentKey = ref("2");
</script>
